<template>
  <el-container>
    <el-header height="50px" style="box-shadow:0 2px 12px 0 rgb(0 0 0 / 10%)">
      <div class="top-nav-container">
        <div class="f-l blog-home">
          <router-link to="/home"><i class="el-icon-home"></i>&nbsp;ZHAOLT's BLOG</router-link>
        </div>
        <div class="f-r nav-menus">
          <router-link to="/about" class="ho-black-scale"><i class="el-icon-s-custom"></i>&nbsp;关于</router-link>
        </div>
        <div class="f-r nav-menus">
          <router-link to="/friends" class="ho-black-scale"><i class="el-icon-connection"></i>&nbsp;友链</router-link>
        </div>
        <div class="f-r nav-menus">
          <router-link to="/unFinished" class="ho-black-scale"><i class="el-icon-s-opportunity"></i>&nbsp;实验室</router-link>
        </div>
        <div class="f-r nav-menus">
          <router-link to="/timeline" class="ho-black-scale"><i class="el-icon-box"></i>&nbsp;归档</router-link>
        </div>
        <div class="f-r nav-menus">
          <router-link to="/tags" class="ho-black-scale"><i class="el-icon-price-tag"></i>&nbsp;标签</router-link>
        </div>
      </div>
    </el-header>
  </el-container>
</template>

<script>
  export default {

  }
</script>